<extend name="common/base" />

<block name="resource">
    <link href="__ASSET__/Home/v4/src/css/explore.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</block>

<block name="content">
<div class="match-new-bg paddingtb20 match-desc-video paddingb120">
    <div class="container paddingtb20">
    <!--热门比赛-->
    <div class="match-main-left white-bg left">
        <div class="main-right-box">
            <h1 class="font12 colorthree">
                <p class="h1-left left">
                    <notempty name="match">
                        <span class="hot" title="{$match.subtitle} 赛事要闻">
                            <b>{$match.subtitle} 赛事要闻</b>
                        </span>
                    <else />
                        <span class="hot" title="赛事要闻">
                            <b>赛事要闻</b>
                        </span>
                    </notempty>
                </p>
            </h1>
            <notempty name="newslist">
                <ul class="match-smell-list" id="new_list_info" style="min-height:600px;">
                    <volist name="newslist" id="news">
                    <li class="display-box">
                        
                        <p class="match-smell-listpic left">
                            <a href="/match-news-detail-{$news.id}" title="{$news.title}">
                                <empty name="news.cover">
                                        <img src="__ASSET__/Home/v4/src/images/m_defaut.jpg" data-original="__ASSET__/Home/v4/images/m_defaut.jpg" class="lazy" alt="{$n.title}"/>
                                    <else /> 
                                        <img src="__ASSET__/Home/v4/src/images/m_defaut.jpg" data-original="{$news.cover}" class="lazy" alt="{$news.title}"/>
                                </empty> 
                            </a>
                        </p>
                        <p class="match-smell-listrg left">
                            <span class="match-smell-listname font14">
                                <a href="/match-news-detail-{$news.id}" class="colorthree textover" title="{$news.title}">{$news.title}</a>
                            </span>
                            <span class="match-smell-listcon font12 colorsix">
                                <a href="/match-news-detail-{$news.id}" title="{$news.detail}">{$news.detail}</a>
                            </span>
                            <span class="match-smell-listtime font12 colorsix">发表于 {$news.create_time|date="Y-m-d",###}</span>
                        </p>
                        </a>
                    </li>
                    </volist>
                </ul>
                <!--分页-->
                <div class="page">
                    <ul></ul>
                </div>
            <else />
                <!--类null-state为空状态-->
                <div class="content-right-item-null">
                    <div class="null-img"></div>
                    <div class="null-info font16">暂时没有赛事要闻</div>
                </div>
            </notempty>
        </div>
    </div>
    <!--其他比赛推荐-->
    <div class="match-main-right white-bg right">
        <h1 class="font12 colorthree">
            <span class="left">其他比赛推荐</span>
        </h1>
        <notempty name="race_list">
            <ul class="other-event-rec">
                <volist name="race_list" id="race">
                    <include file="MatchV4/race_template" />
                </volist>
            </ul>  
            <else/>
            <!--类null-state为空状态-->
            <div class="match-main-right-null">
                <div class="null-img"></div>
                <div class="null-info font16 colornine font_micro">暂时没有推荐赛事</div>
            </div>
        </notempty>
    </div>
</div>

</div>
</block>
<block name="component">
    <script src="__ASSET__/Home/v4/dist/js/background.js"></script>
    <script src="__ASSET__/Home/v4/lib/js/date_format.js"></script>
    <script src="__ASSET__/Home/v4/src/js/match_list.js"></script>
    <script type="text/javascript"> 
        window._THIS = {
            news_url : "{$url}",
            total : {$news_count},
            pager : {$pager},
            bg_img : "{$match.pc_cover_player}",
            macth_new:"/match-news",
            detail_url:"/match-news-detail-",
        };
        $("img.lazy").lazyload({
            effect: "fadeIn",
            threshold :180,
        })
    </script>
</block>